<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../css/style.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../../js/jquery.js"></script>
		<script type="text/javascript" src="../../js/api.js"></script>
		<script type="text/javascript" src="../../js/axios.js"></script>
		<script type="text/javascript" src="../../js/system/area/areaList.js"></script>
		<script type="text/javascript" src="../../js/commons/messageInfo.js"></script>
		<script type="text/javascript">
			$(() => {
				appendMsgBox()
				getData()
				// $("#pagination").pageNavigater({
				// 	pageNo: 2, //代表当前页码，可以自行更改测试效果
				// 	pageSize: 10, //每页展示多少数据
				// 	totalNum: 96, //总共有多少数据
				// 	paginationSize: 10, //分页导航栏的长度
				// 	callback: function(pageNo) { //回调函数
				// 		console.log(pageNo);
				// 		$('#current_page').removeAttr("id")
				// 		$(`.btn_page:eq(${Number(pageNo)+1})`).attr("id","current_page")
				// 	}
				// });
			})
		</script>
		<style>
			#pagination{
				float: right;
			}
		</style>
	</head>

	<body>
		<div class="place"> <span>位置：</span>
			<ul class="placeul">
				<li>系统管理</li>
				<li>区域管理</li>
				<li>基本内容</li>
			</ul>
		</div>
		<div class="rightinfo">
			<form id="form">
				<ul class="tools">
					<li> 省:
						<input type="text" name="province" id="province" />
					</li>
					<li> 市:
						<input type="text" name="city" id="city" />
					</li>
					<li class="subBut" onclick="search()"><img src="../../images/t06.png" />查询</li>
				</ul>
				<table class="tablelist">
					<thead>
						<tr>
							<th>序号</th>
							<th>省编号</th>
							<th>省名称</th>
							<th>市编号</th>
							<th>市名称</th>
						</tr>
					</thead>
					<tbody id="tbody">
					</tbody>
				</table>
				<div class="pagin">
					<!-- <div class="message">共<i class="blue" id="totalSize"></i>条记录，当前显示第&nbsp;
						<i class="blue" id="page"></i>&nbsp;页
					</div> -->
					<div id="pagination"></div>
				</div>
			</form>
		</div>
		<script type="text/javascript">
			$('.tablelist tbody tr:odd').addClass('odd');
		</script>
	</body>
</html>
